<template>
  <div class="home">
    <!-- 菜单 -->
    <Min-menu></Min-menu>
    <!-- 背景图 -->
    <!-- <canvas class="index-canvas" ref="canvas"></canvas> -->
    <!-- 主体内容 -->
    <router-view></router-view>
  </div>
</template>

<script>
import { index_fullScreenAnimation } from "@/js/canvas.js";
import MinMenu from "./components/MinMenu.vue";
import ArticleList from "./components/ArticleList.vue";
export default {
  mounted() {
    // index_fullScreenAnimation(this.$refs.canvas);
  },
  components: {
    MinMenu,
    ArticleList,
  },
};
</script>

<style lang="less">
.index-canvas {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100vw;
  z-index: -1;
}
// .menu {
//   width: 100vw;
//   height: 750px;
// }

</style>